<template>
    <div class="icons-wrapper">
         <swiper :options="swiperOption">
      <!-- slides -->
      <swiper-slide v-for="(page, idx) in pages" :key="idx">
        <div class="icon-box"
             v-for="item in page"
             :key="item.id">
          <div class="icon-img-box">
            <img class="icon-img" :src="item.imgUrl"  />
          </div>
          <p class="icon-desc">{{ item.description }}</p>
        </div>
      </swiper-slide>
      <!-- Optional controls -->
      <div class="swiper-pagination" slot="pagination"></div>
    </swiper>  
    </div>
</template>
<script>
export default {
    
}
</script>
<style lang="stylus" scoped>

</style>
